<%@include file="startUpIncludes.jsp" %>
  <%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Accounts</title>
 <script type="text/javascript" src="../js/accounts_table.js"></script>
 <script type="text/javascript">
            $(document).ready(function() {
            	var userRoles="${userRoles}";
            	accountTable(userRoles);
            });
  </script>

    </head>
    <body>
    <jsp:include page="header.jsp" >
		<jsp:param value="true" name="loggedIn"/>
	</jsp:include>
    <div class="wrap">
	<div class="fitBG">
        <div class="main">
		<%@include file="basicLeftMenu.jsp" %>
            <div class="content">
				<jsp:include page="tabs.jsp" >
					<jsp:param value="accounts" name="currentPage"/>
				</jsp:include>
                <div class="tab-content">
                <h3>Accounts</h3>
                <div class="content-block">
                    <h4>Recent Accounts</h4>
                    <div class="action-btns">
                    <shiro:hasRole name="accountAdd">
                     <a href="/sales/s/new-account" class="form-btn">New Account</a>
                    </shiro:hasRole>
					</div>
					<div class='table-container'>
					    <table class='display accountDataTable'>
					   <thead>
					    <tr>
					     <th>Actions</th>
					     <th>  </th>
                         <th>Account Name</th>
                         <th>Account Company</th>       
                         <th>Account Owner</th>
                        </tr>
					   </thead>
					   <tbody>
					   </tbody>
					   </table>
				</div>
                </div>
                </div>
            </div>
        </div>
        
	<%@include file="footer.jspf" %>
    </div>
    </div>

    </body>
</html>